<template>
<div class="Index">
  <div class="index-banner">
    <el-carousel height="388px" :interval="6000">
      <el-carousel-item v-for="item in bannerList" :key="item" :class="item">
      </el-carousel-item>
    </el-carousel>
  </div>
  <div class="rows">
    <div class="left">
      <!--生活缴费-->
      <div style="width:805px; overflow:hidden; margin:30px 0;">
        <div class="leftmenu">
          <p><b>生活缴费</b></p>
          <span>payment</span>
        </div>
        <div class="rih">
          <div class="payment">
            <ul>
              <li><a href=""><i class="ipk1"></i><span>采暖费</span></a> </li>

              <li><a href=""><i class="ipk2"></i><span>水费</span></a> </li>

              <li><a href=""><i class="ipk3"></i><span>电费</span></a> </li>

              <li><a href=""><i class="ipk4"></i><span>燃气费</span></a> </li>

              <li><a href=""><i class="ipk5"></i><span>手机费</span></a> </li>

              <li><a href=""><i class="ipk6"></i><span>通信费</span></a> </li>

              <li><a href=""><i class="ipk7"></i><span>更多</span></a> </li>
            </ul>
          </div>
        </div>
      </div>
      <!--生活缴费-->

      <!--生活缴费-->
      <div style="width:805px; overflow:hidden;margin-bottom:30px;">
        <div class="leftmenu">
          <p><b>供热诉求</b></p>
          <span>appeal</span>
        </div>
        <div class="rih">
          <ul>
            <a href="javascript:;">
              <li>
                <div class="repair_off"></div>报修</li>
            </a>
            <a href="javascript:;">
              <li>
                <div class="counsel_off"></div>咨询</li>
            </a>
            <a href="javascript:;">
              <li>
                <div class="complaint_off"></div>投诉</li>
            </a>
            <a href="javascript:;">
              <li>
                <div class="suggest_off"></div>建议</li>
            </a>
            <a href="javascript:;">
              <li>
                <div class="praise_off"></div>表扬</li>
            </a>
            <a href="javascript:;">
              <li>
                <div class="other_off"></div>其他</li>
            </a>
            <a href="javascript:;">
              <li>
                <div class="more1_off"></div>更多</li>
            </a>
          </ul>
        </div>
      </div>
      <!--生活缴费-->

      <!--诉求统计-->
      <div style="width:805px; overflow:hidden; margin-bottom:30px;">
        <div class="leftmenu gao">
          <p><b>诉求统计</b></p>
          <span>statistics</span>
        </div>
        <div class="tj">
          <ul>
            <li class="tit">今日办结（ 0 件）</li>
            <li>咨询<br><span> 0 件</span></li>
            <li>报修<br><span> 0 件</span></li>
            <li>投诉<br><span> 0 件</span></li>
            <li>建议<br><span> 0 件</span></li>
            <li>其他<br><span> 0 件</span></li>
            <li class="tit">今日诉求（ 0 件）</li>
            <li>咨询<br><span> 0 件</span></li>
            <li>报修<br><span> 0 件</span></li>
            <li>投诉<br><span> 0 件</span></li>
            <li>建议<br><span> 0 件</span></li>
            <li>其他<br><span> 0 件</span></li>
          </ul>
        </div>
      </div>
      <!--诉求统计-->
    </div>
    <div class="right">
      <!--新闻-->
      <div class="iside news-tab1">
        <div class="tit"> <span class="current">平台公告</span><span><a href="/Notice.aspx">更多&gt;&gt;</a></span></div>
        <ul class="ilist" id="indexNotice" style="display:block">

          <li>
            <p><a href="/Article.aspx?type=noticeid&id=149">供热收费进社区，上门“无现金”收热费，好用：走收宝</a></p>
          </li>

          <li>
            <p><a href="/Article.aspx?type=noticeid&id=148">普惠金融“暖心贷”，全国独创：采暖费分期缴纳！</a></p>
          </li>

          <li>
            <p><a href="/Article.aspx?type=noticeid&id=147">地热维护秘籍</a></p>
          </li>

          <li>
            <p><a href="/Article.aspx?type=noticeid&id=146">采暖费我来帮您交，“人保家财险”漏水无忧还送免单大奖</a></p>
          </li>

          <li>
            <p><a href="/Article.aspx?type=noticeid&id=145">人保家财险”送红包啦！赶快点击领取</a></p>
          </li>

        </ul>

      </div>
      <!--新闻-->
      <!--新闻-->
      <div class="iside news-tab1">
        <div class="tit" style="margin-top:30px;"><span class="current">检修报告</span><span><a href="/waiting.html">更多&gt;&gt;</a></span></div>
        <ul class="ilist" style="display:block;height:203px;">
          <li><a href="/waiting.html">供暖首日电话报修量同比降三成！</a></li>
          <li><a href="/waiting.html">市供暖办：供暖报修 30分钟内到现场处理</a></li>
          <li><a href="/waiting.html">11月1日零时 供回水温度不达标退费</a></li>
          <li><a href="/waiting.html">11月1日零时 供回水温度不达标退费</a></li>
          <li><a href="/waiting.html">热付通地热半价清洗功能深受市民喜欢！</a></li>
        </ul>

      </div>
      <!--新闻-->
    </div>



</div>
</div>
</template>

<script>
export default {
  name: 'Index',
  data() {
    return {
      bannerList: ["pc-index-banner pc-index-banner1", "pc-index-banner pc-index-banner2", "pc-index-banner pc-index-banner3"]
    }
  },
  methods:{
      DoUserInfo(){
        this.axios.get(this.hostname+this.douserinfo+'?d='+Math.random()).then((res)=>{

        })
      },
      DoCore(){
        let data = {
          method:'web_sqtj',
          origin:'WarmAppealService'
        }
        this.axios.post(this.httpsUrl+this.coreservice,data).then((res)=>{
          console.log(res)
        })
      }
  },
  created() {
    this.DoUserInfo();
    this.DoCore();
  }
}
</script>
